<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Facultad de Derecho - UBA">
<link href="../recursos/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="../js/html5shiv.js"></script>
<script src="../js/respond.min.js"></script>
<![endif]-->
<style>
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
</style>
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style")
 
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    )
 
    document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
}
</script>
<!--<link href="css/estilos.css" rel="stylesheet">-->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<link href="../css/m-estilos.css" rel="stylesheet">
<link href="estilos.css" rel="stylesheet"><!-- este archivo es para que agregues tus estilos -->
<link rel="shortcut icon" href="http://www.derecho.uba.ar/imagenes/favicon.ico" type="image/x-icon">
<style>
@media (min-width:1200px){.container{width:970px}.col-md-1,.col-md-10,.col-md-11,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}
@media (min-width: 1200px) {
	#MenuHorPrin .menu-collapse a {padding:0 12px; font-size:16px}
	.home-caption {padding:8px; width:165px; height:317px; display:block}
	.home-caption p {font-size:12px}
	.home-caption h2 {font-size:18px; line-height:normal; margin-top:0}
	.box-noticias-lg {height:310px}
	 .box-noticias-lg h1 {font-size:16px}
	.box-noticias-sm {height:115px}
	#home-slider img {max-width:none !important}
	.home-slider-container {padding-right:0}
	.accesos-directos a {padding:4px 0}
	iframe.actividades {height:567px}
	.clear-padding-left {padding-left:0 !important}
	.clear-padding-right {padding-right:0 !important}
	
	/*dropdown*/
	.dropdown-target {width:940px}
	#dropdown1 .col-1 {margin-right:40px; margin-left:15px}
	#dropdown1 .col-2 {margin-right:30px}
	#dropdown1 .col-3 {margin-right:0}
	#dropdown1 .arrow {left:51px}
	#dropdown2 .arrow {left:167px}
	#dropdown3 .arrow {left:278px}
	#dropdown4 .arrow {left:386px}
	#dropdown5 .arrow {left:498px}
	#dropdown6 .arrow {left:630px}
	#dropdown7 .arrow {left:740px}
	#dropdown8 .arrow {left:840px}
	#dropdown8 .menu a {font-size:14px}
	#dropdown8 .col-1, #dropdown8 .col-2 {width:23%; margin-right:2%}
	#dropdown8 .col-3 {width:26%; margin-right:2%}
	#dropdown8 .col-4 {width:20%}
	/*fin dropdown*/
}
</style>
<script src="../recursos/jquery/jquery-1.10.2.min.js"></script>
<script src="../recursos/bootstrap/js/bootstrap.min.js"></script>
<script src="../recursos/bootstrap/js/bootstrap.min.js"></script><meta name="description" content="Facultad de Derecho de la Universidad de Buenos Aires">
<title>Prototipo Home Derecho UBA</title>
<script>
$(document).ready(function() {
	//slider
	showActive();
	$('#home-slider').carousel().on('slid.bs.carousel', function () {
		showActive()
	})
	//fin slider
	//dropdown
	$('.dropdown-link')
        .mouseover(function () {
            if ($(window).width() > 992) {
				var target = $(this).data('target');
				clearTimeout(window['time-'+target]);
				if ($('.dropdown-target.open:not(#'+target+')').length) {
					$('.dropdown-target.open:not(#'+target+')').hide();
					if (!$('#'+target).hasClass('open')) $('#'+target).show();
				} else {
					if (!$('#'+target).hasClass('open'))  {
						window['delay-'+target] = setTimeout(function () {
							$('#'+target).fadeIn(300);
						}, 233)
					}
				}
				$('#'+target).addClass('open');
			}
        })
        .mouseout(function () {
			var target = $(this).data('target');
			clearTimeout(window['delay-'+target]);
            window['time-'+target] = setTimeout(
            function () {
                $('#'+target).fadeOut(150);
                $('#'+target).removeClass('open');
            }, 
            150)
        })
    $('.dropdown-target')
        .mouseenter(function () {
            var target = $(this).attr('id');
            clearTimeout(window['time-'+target]);
        })
        .mouseleave(function () {
            var target = $(this).attr('id');
			clearTimeout(window['delay-'+target]);
            window['time-'+target] = setTimeout(
            function () {
                $('#'+target).fadeOut(150);
                $('#'+target).removeClass('open');
            }, 
            150)
        })
	//fin dropdown
})
//slider
function showActive () {
	var active = $('#home-slider .item.active').data('target');
	$('.home-caption').addClass('hide');
	$(active).removeClass('hide');
}
//fin slider
</script>
</head>

<body>
<!-- container -->
<div class="container">
	<!-- mene hormiga top -->
    <nav id="MenuHorTop" class="hidden-xs">
        <div class="row">
            <div class="col-md-6 col-sm-7">
                <a href="#" style="margin-left:10px">UBA</a>
                <a href="#">Mapa</a>
                <a href="#">Cont&aacute;ctenos</a>
                <a href="#" class="last">Correo Electr&oacute;nico Acad&eacute;mico</a><!-- para este caso la clase last saca el borde derecho -->
            </div>
            <div class="col-md-6 col-sm-5" style="text-align:right; padding-left:0">
                <a href="#">Alumnos</a>
                <a href="#">Docentes</a>
                <a href="#">Graduados</a>
                <a href="#" class="last">Ingresantes</a><!-- para este caso la clase last saca el borde derecho -->
            </div>
        </div>
	</nav>
    <!-- fin menu hormiga top -->
    
    <!-- header -->
	<header id="header">
        <h1 class="hidden-xs"><a href="#"><strong>Facultad de Derecho</strong></a></h1>
        <div class="input-group input-group-sm col-lg-3 col-md-3 col-sm-4">
            <input type="text" class="form-control" placeholder="Buscar" name="srch-term" id="srch-term">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit">
                    <span class="glyphicon glyphicon-search"></span>
                    <!-- ver http://getbootstrap.com/components/#glyphicons -->
                </button>
            </div>
        </div>
	</header>
    <!-- fin header -->

	<!-- menu hormiga principal -->
	<nav id="MenuHorPrin" class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menu-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand visible-xs" href="#"><img src="../imagenes/logo-blanco.png" class="img-responsive" /></a><!-- logo solo visible para mobile -->
        </div>
        
        <!-- todo dentro de esto es el menu en mobile -->
        <div class="collapse navbar-collapse menu-collapse">
            <ul class="nav navbar-nav">
                <li><a class="dropdown-link" data-target="dropdown1" href="http://www.derecho.uba.ar/institucional/index.php">Institucional</a></li>
                <li><a class="dropdown-link" data-target="dropdown2" href="http://www.derecho.uba.ar/academica/index.php">Acad&eacute;mica</a></li>
                <li><a class="dropdown-link" data-target="dropdown3" href="http://www.derecho.uba.ar/investigacion/index.php">Investigaci&oacute;n</a></li>
                <li><a class="dropdown-link" data-target="dropdown4" href="http://www.derecho.uba.ar/extension/index.php">Extensi&oacute;n</a></li>
                <li><a class="dropdown-link" data-target="dropdown5" href="http://www.derecho.uba.ar/internacionales/index.php">Internacionales</a></li>
                <li><a class="dropdown-link" data-target="dropdown6" href="http://www.derecho.uba.ar/publicaciones/index.php">Publicaciones</a></li>
                <li><a class="dropdown-link" data-target="dropdown7" href="http://www.derecho.uba.ar/biblioteca/index.php">Biblioteca</a></li>
                <li><a class="dropdown-link" data-target="dropdown8" href="http://www.derecho.uba.ar/academica/posgrados/index.php">Posgrado</a></li>
            </ul>
            <div class="visible-xs">
                <form class="navbar-form" role="search">
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control" placeholder="Buscar" name="srch-term" id="srch-term">
                        <div class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- ------------------ -->
    </nav>
    <!-- fin menu hormiga principal -->
    
    <!-- dropdowns del menu (solo visibles en escritorio) -->
    <div class="dropdown-target" id="dropdown1">
        <i class="arrow"></i>
		<p>Ejemplo 1</p>
        <div class="cleaner"></div>
    </div>
    
    <div class="dropdown-target" id="dropdown2">
        <i class="arrow"></i>
        <p>Ejemplo 2</p>
    </div>
    
    <div class="dropdown-target" id="dropdown3">
        <i class="arrow"></i>
        <p>Ejemplo 3</p>
    </div>
    
    <div class="dropdown-target" id="dropdown4">
        <i class="arrow"></i>
        <p>Ejemplo 4</p>
    </div>
    
    <div class="dropdown-target" id="dropdown5">
        <i class="arrow"></i>
        <p>Ejemplo 5</p>
    </div>
    
    <div class="dropdown-target" id="dropdown6">
        <i class="arrow"></i>
        <p>Ejemplo 6</p>
    </div>
    
    <div class="dropdown-target" id="dropdown7">
        <i class="arrow"></i>
        <p>Ejemplo 7</p>
    </div>
    
    <div class="dropdown-target" id="dropdown8">
        <i class="arrow"></i>
        <p>Ejemplo 8</p>
    </div>
    <!-- fin dropdowns menu -->
    
    <!-- row -->
    <div class="row">
        <!-- menu -->
        <div class="col-md-3 menu_izq">
            <p>Men&uacute;</p>
            <nav>
                <a href="#">Sobre el servicio</a>
                <a href="#">Asignaturas</a>
                <a href="#">C&aacute;tedras</a>
                <a href="#">Registrar C&aacute;tedra</a>
                <a href="#">Otras P&aacute;ginas</a>
                <a href="#">Plan de estudios</a>
            </nav>
        </div>
        <!-- fin menu -->
        
        <!-- contenido -->
        <div class="col-md-7">
            <div style="background-color:#3CF">
                <p>Contenido aqu&iacute;</p>
                <!-- 
                    dendro de esto podes agregar directamente contenido o seguir anidando rows para sudividir este espacio en 12 col
                    Ej.:
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4"></div>
                        <div class="col-md-4"></div>
                    </div>
                -->
            </div>
        </div>
        <!-- contenido -->
        
        <div class="col-md-2">
        	<div style="background-color:#9C3">
            	<p>Columna derecha</p>
                <!-- contenido de la columna derecha aqui -->
            </div>
        </div>
        
    </div>
    <!-- fin row -->
</div>
<!-- fin container -->

<!-- footer -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="headline"><h2>De inter&eacute;s</h2></div>
                <div class="row">
                	<div class="col-sm-6 col-md-12">
                        <ul class="interes" style="margin-bottom:0">
                            <li><a href="http://www.derecho.uba.ar/publicaciones/pensar-en-derecho/index.php">Revista Pensar en Derecho</a></li>
                            <li><a href="http://www.urosario.edu.co/jurisprudencia/Competencia_Internacional_de_Arbitraje/">VI Competencia Internacional de Arbitraje Comercial</a></li>
                            <li><a title="Decanato de la Doctora MÃ³nica Pinto" href="http://www.uba.ar/derechoshumanos/">Programa de Derechos Humanos</a></li>
                            <li><a title="Decanato de la Doctora MÃ³nica Pinto" href="institucional/deinteres/2013_informe-de-gestion.php">Informe de gesti&oacute;n 2010 - 2012</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-12">
                        <ul class="interes">
                            <li><a href="institucional/programasinstitucionales">Programas Institucionales</a></li>
                            <li><a title="Observatorios y Centros de Estudios de la Facultad de Derecho" href="institucional/observatorios-y-centros-de-estudios.php">Observatorios y Centros de Estudios</a></li>
                            <li><a href="http://www.ialsnet.org">Asociaci&oacute;n Internacional de Escuelas de Derecho</a></li>
                            <li><a href="http://www.nuevocodigocivil.com/">Proyecto de C&oacute;digo Civil y Comercial de la Naci&oacute;n</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
            	<div class="row">
                	<div class="col-sm-6 col-md-12">
                        <div class="headline"><h2>Comunicaci&oacute;n</h2></div>
                        <ul class="interes">
                            <li><a href="http://www.derecho.uba.ar/derechoaldia">Derecho al D&iacute;a</a></li>
                            <li><a href="http://www.derecho.uba.ar/institucional/derechoenradiouba/index.php">Derecho en Radio UBA</a></li>
                            <li><a href="http://www.derecho.uba.ar/institucional/lafacultadenlosmedios/index.php">La Facultad en los Medios</a></li>
                            <!--<li><a href="http://www.derecho.uba.ar/institucional/suscripcion-newsletter.php
                            ">Newsletter</a><br>
                            </li>-->
                        </ul>
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control" placeholder="Ej: mail@dominio.com" name="srch-term" id="srch-term">
                                <div class="input-group-btn">
                                <button class="btn celeste verde" type="submit">
                                    SUSCRIBITE
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-12">
                        <div class="headline"><h2>Seguinos</h2></div>
                        <img src="http://www.derecho.uba.ar/newsletters/derecho-al-dia/resources/icons/socials/socialis/background/color/Youtube.png" />
                        <img src="http://www.derecho.uba.ar/newsletters/derecho-al-dia/resources/icons/socials/socialis/background/color/Twitter.png" />
                        <img src="http://www.derecho.uba.ar/newsletters/derecho-al-dia/resources/icons/socials/socialis/background/color/soundcloud.png" />
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="headline"><h2>Direcciones &uacute;tiles</h2></div>
                <ul class="interes">
                    <li><strong>Alumnos</strong> | <a href="mailto:estudiantiles@derecho.uba.ar" title="Mail Asuntos Estudiantiles">estudiantiles@derecho.uba.ar</a></li>
                    <li><strong>Posgrado</strong> |&nbsp;<a href="mailto:posgrado@derecho.uba.ar">posgrado@derecho.uba.ar</a></li>
                    <li><strong>Extensi&oacute;n</strong> | <a href="mailto:extensio@derecho.uba.ar">extensio@derecho.uba.ar</a></li>
                    <li><strong>Investigaci&oacute;n</strong> | <a href="mailto:investigacion@derecho.uba.ar">investigacion@derecho.uba.ar</a></li>
                    <li><strong>Internacionales</strong> | <a href="mailto:internacionales@derecho.uba.ar">internacionales@derecho.uba.ar</a></li>
                    <li><strong>Intitucionales</strong> | <a href="mailto:intitucionales@derecho.uba.ar">intitucionales@derecho.uba.ar</a></li>	
                    <li><strong>Publicaciones</strong> |&nbsp;<a href="mailto:dpublica@derecho.uba.ar">dpublica@derecho.uba.ar</a></li>
                    <li><strong>Biblioteca</strong> | <a href="mailto:biblio@derecho.uba.ar">biblio@derecho.uba.ar</a></li>
                </ul>
                <p><a class="btn celeste btn-sm" href="#">Ver directorio completo</a></p>
            </div>
        </div>
    </div>
</footer>
<div class="subfooter">
    <div class="container">
        <div class="row">
        	<div class="col-md-6 col-sm-6 hidden-xs">  
                <a href="#">
                    <img src="../imagenes/isologo-blanco.png" alt="Facultad de Derecho">
                </a>
            </div>
            <div class="col-md-6 col-sm-6">                      
                <p class="pull-right" style="text-align:right">
                    Figueroa Alcorta 2263 (C1425CKB) - Tel: (5411) 4809-5600 <br />
                    <a href="#" class="link-naranja">webmaster@derecho.uba.ar</a>
                </p>
            </div>
        </div><!--/row-->
    </div><!--/container--> 
</div>
<!-- fin footer -->
</body>
</html>